{extend name="main"}
{block name="style"}
{css href="__TEMPLATE_STATIC__/user.css"}
{/block}
{block name="header"}
{include file="module/user_top_nav"/}
{/block}
{block name="body"}
<div class="flex1 flex h-100">
	<div class="w-180px nav-left p-4 overflow-y-auto">
	{include file="module/user/company_left" left="module/user/company_left_vip"/}
	</div>
	<div class="frame-body flex-1 overflow-y-auto py-3">
		<div class="container-xl pb-4 shadow bg-white">
			<div class="p-4">
				<div class="flex pb-3">
					<div class="flex-1 block-title-before py-2">企业模版</div>
					<div class="py-2 text-secondary">快速提升企业价值，增强留给求职者的第一印象！</div>
				</div>
				<div class="row">
					<div class="col-4 p-3 vip-list" v-for="v in 1">
						<div class="border border-lg vip-item p-3">
							<div>
								<el-image style="width: 100%; height: 140px"
								src="http://img.lzsf.com/uploads/web/img/20200418/60d9edcee8bee41ebddb19e1b46a48d1.png"
								fit="contain"></el-image>
							</div>
							<div class="flex py-3 text-666666">
								<div class="flex-1">默认模版</div>
								<div><el-link type="primary" :underline="false">预览</el-link></div>
							</div>
							<div class="flex text-center p-3">
								<div class="flex-1 border border-lg border-D8B077 px-5 py-2 rounded-pill text-D8B077 h6 mb-0 vip-btn pointer">立即购买</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="p-4">
				<div class="flex pb-3">
					<div class="flex-1 block-title-before py-2">未购买模版</div>
					<div class="py-2 text-secondary">一次购买，终生使用</div>
				</div>
				<div class="row">
					<div class="col-4 p-3 vip-list" v-for="v in 3">
						<div class="border border-lg vip-item p-3">
							<div>
								<el-image style="width: 100%; height: 140px"
								src="http://img.lzsf.com/uploads/web/img/20200418/60d9edcee8bee41ebddb19e1b46a48d1.png"
								fit="contain"></el-image>
							</div>
							<div class="flex py-3 text-666666">
								<div class="flex-1">默认模版{{v}}</div>
								<div><el-link type="primary" :underline="false">预览</el-link></div>
							</div>
							<div class="flex text-center p-3">
								<div class="flex-1 border border-lg border-D8B077 px-5 py-2 rounded-pill text-D8B077 h6 mb-0 vip-btn pointer">立即购买</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{/block}
{block name="footer"}
{include file="module/login"/}
{/block}
{block name="script"}
<script type="text/javascript">
	var vm=new Vue({
		el:'#app',
		data:{
			view:XYBase.view,
			userInfo:UserInfo,
			loginTabs:XYBase.loginTabs,
			feedback:XYBase.feedback,
		},
		watch:{
		    view:XYBase.viewWatch,
		    loginTabs:XYBase.loginTabsWatch,
			userInfo:{
				handler(val,oldVal){
					if (!val.id) {
						window.location.reload();
					}
				},
				deep:true
			},
		},
		created(){
			XYBase.created(this);
		},
		methods:XYBase.methods({
		})
	});
</script>
{/block}